import Vue from 'vue'
import App from './App.vue'
import router from './router' // 引入目录下自定义的router API
import ElementUI from 'element-ui'; //引入element-ui
import 'element-ui/lib/theme-chalk/index.css'; //引入element-ui样式
import './utils/axios'
import config from './config';


/**
 * 处理字符串命名问题，忽略大小写、下划线、中划线
 * @param s{string} 待比较字符串
 * @returns {boolean} 是否相等
 */

String.prototype.equals = function(s) {
    const trans = (str) => str.toLowerCase().replace('-', '').replace('_','');
    const thisStr = trans(this);
    const thatStr = trans(s);
    return thisStr === thatStr;
}
// 将配置文件挂到Vue原型上
Vue.prototype.$config = config;

// 定义总线
Vue.prototype.$bus = new Vue();

Vue.use(ElementUI, {
    size: 'small'
}); // 使用element-ui并修改组件内置大小

Vue.config.productionTip = false; // 阻止 vue 在启动时生成生产提示

//使用钩子函数在路由跳转前处理操作
router.beforeEach((to, from, next) => {
    // if (to.path == '/login') {
    //     // 定义更新内容
    //     let updates = '<ul>' +
    //         '<li>新增-不同用户权限，暂时使用adminA与adminB进行区分，密码随意</li>' +
    //         '<li>修复-集合预报模块无法画图</li>' +
    //         '<li>新增-大气扩散模块图片动态获取，且实现导出功能</li>' +
    //         '</ul>';
    //     // 弹出确认框显示信息
    //     Vue.prototype.$alert(updates, '此次更新内容', {
    //         confirmButtonText: '确定',
    //         dangerouslyUseHTMLString: true
    //     });
    // }

    // 定义更新内容
    Vue.prototype.updates_info = `
        <ul>
            <li>优化-预留好用户名与密码方便测试</li>
            <li>优化-更新公告放在了登录页右上方的消息按钮里</li>
        </ul>
    `
    next()
});

new Vue({
    router,
    render: h => h(App),
}).$mount('#app')